<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="<%=basePath%>">

    <title>登录</title>

	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">
	<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
	<meta http-equiv="description" content="This is my page">
	<link rel="stylesheet" type="text/css" href="./bootstrap/css/bootstrap.min.css">
	<style>
		p{font-size:30px;color=blue;}
	</style>

  </head>

  <body style="background-image:url('./image/bg1.png');">
  	<br><br><br>
  	<center><font size="7" color="#333366" face="cursive">实验动物档案管理系统</font></center>
 	<div class="row">
		<div class="col-md-4 col-md-offset-4">
			<div class="login-panel panel panel-default"  style="margin-top:100px;">
				<div class="panel-heading">LOGIN</div>
				<div class="panel-body">
					<form role="form" method="post" action="LoginCheck.jsp">
						<fieldset>
							<div class="form-group">
								<input class="form-control" placeholder="ID" name="ID" onchange="myChange()" type="text" autofocus="">
							</div>
							<div class="form-group">
								<input class="form-control" placeholder="Password" name="Password" type="password" value="">
							</div>
							<center>
							<select name="type"  style="width:80px;height:30px">
                				<option value="1">管理员</option>
                				<option value="2">普通用户</option>
            				</select>
            				</center>
            				<br>
            				<br>
            				<div class="form-group">
								<input class="form-control btn btn-primary"  type="submit" value="登录" style="width:50%;margin-left:25%;">
								<br><br>
								<button  type="button" class="btn btn-primary" style="width:50%;margin-left:25%;" onclick="window.location.href='./Register.jsp'">注册</button>
							</div>


							<!--
							<div class="checkbox">
								<label>
									<input name="remember" type="checkbox" value="Remember Me">Remember Me
								</label>
							<br>
							</div>
							-->
							<!--
							<div>
								<button  type="button" class="btn btn-primary" style="margin-left:140px;margin-right:70px;" onclick="window.location.href='./login.jsp'">Sign up</button>
								<button  type="submit" class="btn btn-primary">Sign in</button>
							</div>
							-->
						</fieldset>
					</form>
				</div>
			</div>
		</div>
	</div>
    <script src="./bootstrap/js/jquery-3.1.0.min.js"></script>
   	<script >
        function myChange() {
            let val = $("input[name='ID']").val();
            localStorage.setItem("id",val);
        }
    </script>
  </body>
</html>
